import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import eslintPlugin from 'vite-plugin-eslint'
import vueJsx from '@vitejs/plugin-vue-jsx'
import path from 'path'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
    eslintPlugin({
      cache: false
    }),
    vueJsx({
      // 配置选项
    })
  ],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src')
    }
  },
  css: {
    preprocessorOptions: {
      scss: {
        additionalData: '@import "@/styles/variables.scss";'
      }
    }
  },
  server: {
    proxy: {
      // 选项写法
      // 表示只要是/admin/*所有的接口都走这个代理
      '/admin': {
        // 代理的目标地址
        target: 'https://shop.fed.lagou.com/api',
        // 当一个服务器通过虚拟机映射了多个网站时，通过把changeOrigin设置为true就会把请求头中的origin字段设置为
        // target的值，这样就能通过映射关系而找到对应的网站了。orgin默认是本地请求的真实的接口例如localhost:3000
        changeOrigin: true
        // 路径重写
        // rewrite: (path) => path.replace(/^\/api/, '')
      }
    }
  }
})
